﻿/*banner*/
.banner{  background-image:url(../img/banner_02.jpg); background-repeat:no-repeat; background-position:center top; background-size: 100% 100%; height:700px;}
.bannerbox{ width:750px; margin:0 auto; padding-top:51px;}
.bannerbox-bg{ background:rgba(0,0,0,0.2); padding-top:22px; padding-left:27px; padding-right:27px; padding-bottom: 20px;}
.bannerbox-bg h3{ color:#fff; font-size:24px; width:696px; text-align:center; line-height:35px; font-weight:normal; }
.bannerbox-bg p{ margin-top:10px; background-image:url(../img/icon01.html); background-repeat:no-repeat; background-position:5px center; padding-left:27px; color:#FFF; font-size:12px; width: 70px; float: left;}
.scroll_div{width:570px;height:25px;margin:0 auto;white-space: nowrap;overflow:hidden;padding-top: 3px;}
.scroll_begin{ margin-top:6px;}
.scroll_div span{ display: inline; padding-right: 30px;}
.scroll_div span a{ color: #fff; display: inline;font-size: 12px;}
.sroll_end{display: inline;}
.serch-bg{background: rgba(255,255,255,0.3); padding:5px;-webkit-border-radius: 5px;border-radius: 5px; margin-top:8px; margin-bottom:14px;}
.serch-border{ border:1px solid #FFF; height:58px; overflow:hidden;}
.serch-border input{ color:#999; font-size:14px; background-color:#FFF; height:58px; line-height:58px; border:none 0; width:520px; padding-left:10px; float:left;}
.serch-border .serch-botton{ background-image:url(../img/icon022.html); background-repeat:no-repeat; background-position:14px center; padding-left:45px; background-color:#df1344; font-size:16px; float:left; width:109px; height:58px; color:#FFF; line-height:58px;}
.news-bg{background: rgba(255,255,255,0.3); padding:5px;overflow:hidden;}
.news-bg dl{ float:left; background-color:#FFF; padding:12px 0px 13px; width:285px;}
.news-bg dl dt{ font-size:12px; padding-left:10px; color:#333;}
.news-column p{ width:360px;font-size:12px; padding-left:60px; color:#666; margin-top:5px;}
.scrollDiv{ height: 80px;}
.search_num{ padding-left: 60px; color: #666;}
.news-bg .news-xian{ background-color:#b5b5b5; width:1px; padding-top:19px; height:89px; }
.newsticker-jcarousellite{padding-left: 60px; margin-top: 8px;}
.newsticker-jcarousellite ul li a{ color: #666; font-size: 12px;}
.news-bg02{ overflow:hidden; background-color:#FFF;float: left; height: 121px;}
.news-bg .new-content{ width:400px;}
.news-tool ul{ overflow:hidden; margin-top:15px; padding-left:20px; padding-right:20px;}
.news-tool ul li{ float:left; width:75px; text-align:center;}
.news-tool ul li a{ border-right:1px solid #eee; margin-left:25px; height: 32px; display:block;}
.news-tool ul li h4{ color:#666; font-weight:normal; margin-top:10px; font-size:12px;}
.news-tool ul li h4 a{font-size:12px;margin:0;border: none;}
.news-tool ul li h4 a:hover{ color:#df1344; font-size:12px;}
.top-button{ overflow:hidden; width: 850px;margin:30px auto 0;}
.top-button li{ float:left;margin-right:62px;text-align:center; position:relative; width: 140px;}
.topButton-info{ position:absolute; bottom:43px; left:0px; text-align:center;width:140px; margin:0 auto; padding-bottom:4px; }
.topButton-info>p{ padding:5px 10px; background-color:#df1344; color: #fff;}
.topButton-info p span{position:absolute; width:0; height:0; overflow:hidden; border:7px solid transparent; border-top-color:#df1344; left:45%; bottom:-10px;}
.top-button>li>img{ width:69px; height:68px; margin:0 auto;}
.top-button>li>a>p{ border:1px solid #fff; width:138px; height:38px; line-height:38px; font-size:14px; margin-top:10px; background-image:url(../img/jiantou_08.html); background-repeat:no-repeat; background-position:115px center;  color:#FFF;}

/*å•†æ ‡æ³¨å†Œæµç¨‹*/
.soft_function{width:1200px;margin:0 auto;height: 770px;}
.soft_con_icon{width:1200px;height:160px;display:block;padding-top:10px}
.soft_con_icon ul li{text-align:center;float:left;display:block;list-style:none;height:160px;width:125px; margin:0 8px 0 9px; position:relative;}
.soft_con_icon ul li img{display: block; width:125px; height:160px;margin: 0 auto;}
.soft_con_icon ul li a p{left:0;color:#333333;font-size:14px;font-family:"Î¢ÈíÑÅºÚ";text-align:center; line-height: 30px; position:absolute; top: 120px; width: 125px; text-align: center;}
.soft_con_icon .arrow{background:url(../img/icon144.html) no-repeat right center; width: 16px;}
.soft_con{width:1200px;height: 585px;}
.soft_con1{height:5px;width:1200px;background:#ff2536; overflow: hidden;}
.soft_con2{width:1200px;}

.soft_con2 div img{margin:20px 50px 0px 49px}
.soft_con2 div p{text-align:center}
.p1{font-size:20px;color:#555555;font-family:"Î¢ÈíÑÅºÚ";line-height:45px}
.p2{font-size:14px;color:#c0c0c0;font-family:"Î¢ÈíÑÅºÚ";width:208px;height:50px;line-height:24px;margin:auto;overflow: hidden;}



.title{ background-image:url(../img/title-xian_26.html); background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #dcdcdc; text-align:center; margin-bottom:20px;}
.title h3{line-height:72px; font-size:28px; font-weight:normal;}
.title dd{font-size:24px; text-transform:uppercase; line-height:24px; padding-top:40px;}

.procedures-nav{ overflow:hidden; border-bottom:5px solid #ff2536; padding-left:23px; margin-bottom:10px;}
.procedures-nav li{ float:left; margin-right:12px;}
.procedures-nav li a{ float:left; width:123px;  height:45px; background-repeat:no-repeat; background-position:center 25px; text-align:center; padding-top:115px; background-color:#fff;}
.procedures-nav li a:hover{ background-color:#ff2536; color:#fff;}
.proceduresAhover{ background-color:#ff2536; color:#fff;}
.procedures-icon01{ background-image:url(images/icon04.html);}
.procedures-icon01:hover{ background-image:url(images/icon15.html);}
.proceduresHover01{ background-image:url(images/icon15.html);}
.procedures-icon02{ background-image:url(images/icon05.html);}
.procedures-icon02:hover{ background-image:url(images/icon16.html);}

.procedures-icon03{ background-image:url(images/icon06.html);}
.procedures-icon03:hover{ background-image:url(images/icon17.html);}

.procedures-icon04{ background-image:url(images/icon07.html);}
.procedures-icon04:hover{ background-image:url(images/icon18.html);}

.procedures-icon05{ background-image:url(images/icon08.html);}
.procedures-icon05:hover{ background-image:url(images/icon19.html);}

.procedures-icon06{ background-image:url(images/icon09.html);}
.procedures-icon06:hover{ background-image:url(images/icon20.html);}

.procedures-icon07{ background-image:url(images/icon10.html);}
.procedures-icon07:hover{ background-image:url(images/icon21.html);}
.procedures-content{ overflow:hidden; padding-left:25px; padding-right:25px;}

.soft_con2 .three li{ width: 594px; float: left;}
.soft_con2 .three li div.three_bottom{border-bottom: 1px solid #ccc; padding-bottom:40px;}
.procedures-content h3{ font-size:18px; margin-bottom:25px; font-weight:normal;}
.procedures-content>li{ float:left; border-bottom:1px solid #ccc;padding-bottom: 40px; margin-top:30px;}
.procedures-content li{ float:left; border-bottom:1px solid #ccc;padding-bottom: 40px;}
.procedures-content>li.procedures-xian01{ padding-bottom: 0; }
.procedures-content>li.problem{border-bottom:none 0; width: 460px; height: 225px;}
.three .procedures-problem  li{ width: 450px;}
.procedures-problem>li p{ float: left; width: 75%;}
.procedures-info{ overflow:hidden;}
.three .procedures-info li,.procedures-info li{ float:left; background-color:#f3f3f3; width:195px;padding-bottom:0px; margin-right:3px;}
.three .procedures-info li p,.procedures-info li p{ text-align: left; width:130px; margin:30px auto 20px; font-size:13px; height:70px;}
.procedures-info li a{ border:1px solid #ff2536; color:#ff2536; width:88px; height:28px; margin:0 auto;display:block; line-height:28px; text-align:center; margin-bottom: 20px;}
.procedures-xian01{ float:left; height:240px; border-right:1px solid #cccccc; margin-left:40px; margin-right:30px; margin-top:20px;}
.soft_con2 .three>li.three_line{ height: 500px; width: 1px;}
.procedures-appreciate{ overflow:hidden; width:594px;}
.procedures-appreciate a{ float:left; width:135px; height:41px; line-height:41px; font-size:14px; color:#fff; text-align:center; margin-right:60px; margin-bottom:35px;}
.procedures-button01{ background-color:#e71216;}
.procedures-button02{ background-color:#0b3285;}
.procedures-button03{ background-color:#03a78f;}
.procedures-customer{ overflow:hidden;}
.procedures-customer li{ float:left; width:235px; margin-right:5px; background-color:#f3f3f3; padding-top:15px; height:115px;}
.procedures-customer li h4{ background-image:url(../img/icon111.html); font-size:14px; background-repeat:no-repeat; background-position:14px center; padding-left:40px;}
.procedures-customer li h5{ background-image:url(../img/icon122.html); font-size:14px; background-repeat:no-repeat; background-position:14px center; padding-left:40px;}
.procedures-customer li p{background-image:url(../img/icon133.html); font-size:13px; color:#666; background-repeat:no-repeat; background-position:30px center; padding-left:40px; line-height:30px;}
.procedures-problem li{ background-color:#f3f3f3; margin-bottom:1px; width:420px; height:28px; padding-top:6px; padding-bottom:6px; line-height:28px; padding-left:16px; padding-right:8px; margin-bottom:1px;}
.procedures-problem li a{ float:right; border:1px solid #ff2536; color:#ff2536; width:88px; height:28px;line-height:28px; text-align:center;}
.soft_con3{padding-left: 20px; padding-right:20px;}
.soft_con3 h4{ line-height:30px; margin-top: 5px;}
.soft_con3>div{ text-align: center;}
.soft_con3>div>img{display: inline;}



.banner02{ background-image:url(../img/banner01.html); background-repeat:no-repeat; background-position:center top; height:500px; }
.banner02-text{  margin:0 auto; height:400px; position:relative; width:500px; padding-top:45px;}
.banner02-logo{ width:800px; position:relative; text-align:center; top:60px;}
.banner02-logo img{position:absolute; top:-430px; left:465px;}
.banner02-logo a{position:absolute; top:-65px; left:530px; width:140px; height:35px; line-height:35px; text-align:center; border:1px solid #FFF; color:#FFF;}




/*å•†æ ‡æ³¨å†Œ4å¤§ç†ç”?*/
.fourereason{ background-color:#fff;}
.reasonbox{ overflow:hidden;}
.reason-left{ float:left;}
.reason_left_top{ text-align:center; background: url("../img/reason.html") no-repeat center; width: 565px; height: 420px; position: relative;}
.reason_left_top p a{font-size: 16px; font-weight: bold; line-height: 14px;}
.reason_left_top p span{ font-family: arial; font-weight: normal; color: #999;font-size: 12px;}
.reason_left_t{ position: absolute; top: 10px; left: 245px; }
.reason_left_l{ position: absolute; top: 195px; left: 5px; }
.reason_left_r{ position: absolute; top: 195px; left: 460px; }
.reason_left_b{ position: absolute; top: 385px; left: 235px; }
.reason_left_bottom>a>p{ width:150px;height:36px; line-height:36px; border:2px solid #0b3285; text-align:center; margin:10px auto 0;}
.reason-right{ float:left;}
.reason-rightbox{ background-image:url(../img/reason-xian.html); background-repeat:repeat-y; background-position:34px top; padding-top:50px; padding-bottom:20px;}
.reason-rightbox li{ background-repeat:no-repeat; background-position:left center; height:71px; padding-left:95px; width:540px; margin-bottom:30px; padding-top:15px;}
.reason-rightbox li h3{ font-size:14px; margin-bottom:15px;}
.reason-rightbox li p a{ float:left; font-size:12px; color:#999;}
.reason-icon01{background-image:url(../img/icon30.html);}
.reason-icon02{background-image:url(../img/icon31.html);}
.reason-icon03{background-image:url(../img/icon32.html);}
.reason-icon04{background-image:url(../img/icon33.html);}

/*é¡¾é—®æŽ¨è*/
.guwen{ background-image:url(../img/inter_icon38.html); background-repeat:no-repeat; background-position:center top;; background-size: 100% auto; text-align: center; height:130px; line-height: 130px; font-size: 48px; color: #fff;}
.guwen-title{ font-size:18px; text-align:center; line-height:36px; margin-top:20px; margin-bottom:60px;}
.guwenBox{ overflow:hidden; margin-bottom:30px;}
.guwenBox>li{ float:left; padding-left:23px; margin-right:40px; margin-bottom:57px; width: 533px;}
.guwensmallBox{ }
.guwensmallBox li{ float:left;}
.guwenBox-left img{ width:150px; height:150px; margin-right:8px;}
.guwenBox-right h3{ font-size:24px; font-weight:normal; margin-bottom:20px;}
.guwenBox-right>h3>span{ font-size:12px; color:#898989; margin-left:5px;}
.guwenBox-right>p{ width:363px; font-size:12px; color:#999; line-height:18px; margin-bottom:10px;}
.guwen_brand li {position:relative;margin-right: 2px;}
.guwen_brand_info{position:absolute;z-index: 9; left: -40px; width: 120px; background: url("../img/vipnav.html") no-repeat  top center; word-wrap: break-word; }
.guwen_brand_info p{ text-align: center; background-color: #df1344;color:#fff; border-radius: 3px; margin-top: 4px; padding: 8px;font-size: 12px;}
.guwen_brand_info p span{position:absolute; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:#df1344; left:45%; top:-10px;}
.guwenBox-right>h4{ overflow:hidden;}
.guwenBox-right>h4>a{ float:left; margin-right:5px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.guwen_brand li a.consult{ background-color:#0088b8; float:right; width:100px; height:30px; line-height:30px; text-align:center; color:#fff;margin-top: 4px;}

/*é€‰æ‹©ä¸­ç»†è½¯çš„ç†ç”±*/
.reason{ background-image:url(../img/liyou_bg.jpg); padding-bottom:25px;}
.reason>.title{ background-image:url(../img/title-xian_27.png); background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #dd7890; text-align:center; margin-bottom:20px; margin-bottom:40px;}
.reason>.title>h3{line-height:65px; font-size:28px; font-weight:normal; color:#fff; font-weight:normal; }
.procedures .title dd{font-size:24px; text-transform:uppercase; line-height:24px; padding-top:25px;}
.pk{ overflow:hidden; background-image:url(../img/liy_banner02.jpg); background-repeat:no-repeat; background-position:center top; height:571px;  position:relative;}
.pk li{ float:left; line-height:36px;}
.pk-left{ color:#fff; position:absolute; top:70px; left:185px;}
.pk p{font-size:18px;}
.pk-left2{ color:#fff; position:absolute; top:280px; left:35px;}
.pk-left3{ color:#fff; position:absolute; top:500px; left:39px;}
.pk-left4{ color:#fff; position:absolute; top:0px; left:760px;}
.pk-left5{ color:#fff; position:absolute; top:160px; left:890px;}
.pk-left6{ color:#fff; position:absolute; top:405px; left:880px;}
.pk-right{ color:#000;}
.pkimg-left{ position:absolute; top:290px; left:0px;}
.pkimg-right{ position:absolute; top:290px; right:0px;}
.subnavbox{ background-color:#c9113d;}
.subnav{ padding:40px 0px; height:40px;}
.subnav>li{ position: relative; float: left;}
.subnav>li>p{ float:left; width:168px; height:36px; line-height:36px; border:2px solid #fff; margin-left:34px; margin-right:34px; color:#fff; text-align:center; position: relative;font-weight: bold;}
.subnav-up{ position:absolute;z-index: 999; bottom:38px; left:34px; width:142px; border:1px solid #fff; height: auto; padding-top:20px; padding-left:14px; padding-right:14px; padding-bottom:20px; background-color:#c9113d;}
.subnav-up>li{ padding-left:10px; background-image:url(../img/subnavli.html); background-repeat:no-repeat; background-position:left 5px; font-size:12px; color:#fff; line-height:18px; margin-bottom:3px;font-weight:bold;}

/*é€‰æ‹©ä¸­ç»†è½?*/
.choose{ padding-bottom:0px;}
.choose-title{ text-align:center; font-size:18px; color:#999; font-weight:normal; line-height:30px; margin-bottom:45px;}
.choosebox{ overflow:hidden; border-bottom:2px solid #ffbd00;}
.choosebox>li{position: relative; float:left; width:110px; padding-top:125px; color:#666; font-size:18px;background-repeat:no-repeat; background-position:center 10px; text-align:center; height:60px; margin-left:95px; margin-right:95px;}
.choosebox>li:hover{background-position:center top; }
.chooselihover{background-image:url(../img/icon34.html) bottom;}
.choosebox>a:hover{ float:left; background-image:url(../img/icon34.html); background-position:center bottom; background-repeat:no-repeat;}
.choosebox>li.chooselihover span{position:absolute; width:0; height:0; overflow:hidden; border:20px solid transparent; border-bottom-color:#ffbd00; left:35%; bottom:0px;}
.chooseAhover{float:left; background-image:url(../img/icon34.html); background-position:center bottom; background-repeat:no-repeat;}
.chooseNav01{ background-image:url(../img/icon22.html); }
/* 		.chooseNav01:hover{ background-image:url(../img/icon26.png); }	*/
.chooseHover01{ background-image:url(../img/icon26.html); }
.chooseNav02{ background-image:url(../img/icon23.html); }
/* .chooseNav02:hover{ background-image:url(../img/icon27.png); }*/
.chooseHover02{ background-image:url(../img/icon27.html); }
.chooseNav03{ background-image:url(../img/icon24.html); }
/*.chooseNav03:hover{ background-image:url(../img/icon28.png); }*/
.chooseHover03{ background-image:url(../img/icon28.html);}
.chooseNav04{ background-image:url(../img/icon25.html); }
/*.chooseNav04:hover{ background-image:url(../img/icon29.png); }*/
.chooseHover04{background-image:url(../img/icon29.html);}
.success{ margin-top:50px; padding-left:80px; padding-right:80px;}
.successrow{ overflow:hidden;}
.successrow>a>li{ float: left; border:1px solid #ccc; margin-left:20px; margin-right:20px; margin-bottom:25px; font-size:24px; color:#999; width:217px; height:99px; text-align:center; line-height:99px;}
.partner{height:27px; background-image:url(../img/map01.html); background-repeat:no-repeat; background-position:center top; margin-top:30px; padding-top:440px; margin-left:100px; padding-left:445px;}
.choose-more{ background-color:#df1344; width:100px; height:30px; font-size:14px; color:#fff; line-height:30px; text-align:center;}
.qualifications{ padding-top:40px;; padding-left:100px; padding-right:100px;}
.certificate{ overflow:hidden; background-color:#f6f6f6; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:40px; margin-bottom:45px;}
.certificate>li{ float:left; margin-left:18px; margin-right:18px;}
.qualifications>h4{ padding-left:35px; padding-right:70px; font-weight:normal; line-height:36px; margin-bottom:85px;}
.qualifications>h4>a{ font-size:16px; float:left;}
.public{ padding-top:60px; padding-left:78px; padding-right:78px;}
.publicrow{ overflow:hidden;}
.publicrow li{ float:left;}
.publicinfo{ width:231px; height:96px; padding:20px 15px; background-color:#eeeeee;}
.publicinfo h3{ font-size:18px; margin-bottom:15px;}
.publicinfo p{ font-size:12px; line-height:20px; color:#666;}
.publicMore a{ text-align:center; line-height:136px; width:517px; background-color:#eeeeee; font-size:24px; color:#999;}
.zscq_banner{ background:url(../img/zscq_banner.jpg) no-repeat center;width:100%; height:500px;}
.xf_lin_banner{ background:url(../img/xf_lin_banner.jpg) no-repeat center ;width:100%; height:140px;  margin-top:55px;}